.main{
  width: 100vw;
  height: calc(100vh - 50px);
  text-align: center;
  .title{
    margin-top: 40px;
    font-size: 40px;
    margin-bottom: 30px;
  }
  .desc{
    width: 400px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .img-text{
    width: 700px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    .text{
      background-image: url(../img/3.png);
      background-repeat: no-repeat;
      background-size: 100%;
      width: 310px;
      height: 170px;
      background-color: blue;
      margin: 20px;
      margin-bottom: 10px;
      .bgd{
        display: none;
        height: 170px;
        margin-top: -10px;
        background-color: rgba(0,0,0,0.3);
        .text-title{
          margin-top: 10px;
          font-size: 25px;
          color: #ffffff;
          line-height: 60px;
        }
        .img{
          margin-top: 40px;
        }
      }
    }
    .text:nth-child(3){
      margin-bottom: 0;
    }
    .text:nth-child(4){
      margin-bottom: 0;
    }
  }
}